撤销Ctrl+Z
剪切Ctrl+X
复制Ctrl+C
粘贴Ctrl+V
删除Del
全选Ctrl+A
轻量化模式
开发者工具
退出
还原
移动
大小
最小化
最大化
关闭Alt+F4
SciterUI 窗口

C++ 交互 · 界面 -> 宿主

结果
点击按钮调用 C++ 原生能力…
动画 实时动画: 开启

C++ 交互 · 宿主 -> 界面

时钟 --:--:-- C++ 每秒推送
尺寸 - × - C++ 窗口变化推送
进度
0%
日志

输入控件

文本
密码
下拉
选项一
选项一
选项二
选项三
文本域

选择控件

开关
背景
100%

按钮

反馈与状态

进度
徽章 默认 信息 成功 警告 错误
这是一条信息提示。
操作已成功完成。
请注意此项内容。
发生错误,请重试。

标签页

这是「概览」面板的内容,展示项目的整体信息与核心指标。
这是「详情」面板,包含更细致的配置项与字段说明。
这是「日志」面板,记录最近的活动轨迹与事件流。

加载状态

环形
点状
进度环
70%
70%
骨架屏

数据指标

访问量
12.8k
↑ 23.5%
活跃
3,421
↑ 8.1%
流失
186
↓ 4.2%
收入
¥9.2k
↑ 12.7%

时间线

09:24
项目创建完成
10:08
配置文件加载成功
11:32
渲染管线就绪
12:05
界面演示启动

数据表格

名称 类型 状态
主窗口 SciterUI 运行
悬浮球 异形 就绪
托盘 原生 等待
渲染器 DComp 运行

列表与头像

李明
前端工程师 · 在线
活跃
王芳
UI 设计师 · 离开
离开
赵磊
后端工程师 · 离线
离线

导航元素

面包屑
步骤
创建
2配置
3部署
分页
1 2 3 4

标签与提示

Chip Vue React Web
悬浮 悬停查看 这是一个工具提示 悬停我 徽章提示信息
快捷键 Ctrl + Shift + P

文本显示区

SciterUI 是一套基于 Sciter 引擎构建的轻量级桌面 GUI 框架。它将现代 Web 技术与原生 Windows 窗口能力相结合,支持玻璃态半透明背景、异形窗口、DirectComposition 硬件加速渲染等特性。

本框架使用 C++ 编写宿主程序,通过 Sciter 加载本地 HTML/CSS/JS 资源,实现界面与逻辑的解耦。前端采用纯 CSS 变量驱动的主题系统,可随系统明暗模式自动切换,无需重新加载页面。

窗口层面支持标准模式、异形裁剪模式与托盘驻留模式。标题栏、菜单栏均由 HTML 渲染,通过 postMessage 与 C++ 宿主双向通信,调用最大化、最小化、关闭、置顶等原生能力。

滚动条样式统一采用透明轨道加内嵌圆角灰色滑块的设计语言,悬停时滑块透明度提升以提供视觉反馈。该样式同时应用于页面主滚动区、文本域输入框以及本只读文本显示区,保持全局视觉一致性。

所有交互组件(按钮、输入框、下拉、开关、标签页、表格、时间线等)均内置明暗双主题适配,并通过 CSS 自定义属性实现细粒度颜色控制,便于二次定制与主题扩展。